body{
  font-weight:300;
}
label{
  font-weight: 300;
}

.mt15{
  margin-top:15px;
}
/*自定义ion-view背景颜色*/
.pane{
  background-color:$universally-background-color;
}
/*顶部bar样式*/
.bar {
  background-color: $styleColor;
  .title {
    height: 44px;
    font-size: 18px;
    font-weight: 300;
    color:#fff;
  }
  .back-button .back-text {
    display: none;
  }
  .back-button .icon {
    color: #fff;
  }
}

.platform-ios.platform-cordova .bar .title{
  top:20px;
}
.platform-ios.platform-cordova .has-header{
  top:64px;
}

.scroll-content{
  //top:44px;
  background-color: #f4f4f4;
}



/*返回按钮*/
.back-button-reset{
  margin-left:5px;
  a{
    padding:3px 10px 0 10px;
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    z-index: 20;
  }
}

/*列表样式*/
.list{
  .item {
    border-color: $light-border-color;
  }
}


.style-color{
  color: $styleColor;
}
.float-right{
  float:right;
}
.text-align-right{
  text-align: right;
}



.button-in-content{
  margin: 0 5%;
  width: 90%;
  height:42px;
  text-align: center;
  font-size:$font-pop-large;
  color:#fff;
  border-radius: 3px;
  border:1px solid $styleColor;
  background-color: $styleColor;
}

/*title 按钮样式*/
.bar-header{
  border-bottom-width: 0;
}
.bar-header .row{
  padding:0px;
}
.bar-header .col-10{
  text-align: center;
}

.title-nav-icon {
  height: 32px;
  width: 32px;
  padding: 5px;
}

/*form 表单样式*/
.form-list-title{
  background-color: #fff;
  padding: 11px 17px;
  color: $universally-text-color;
  font-size: $font-primary-normal;
}
.form-list.list{
  background-color: #fff;
  padding:1px 11px 1px 11px;
  border-bottom: 1px solid $light-border-color;
  border-top: 1px solid $light-border-color;
  margin-bottom:15px;
  .item-input{
    padding: 11px 0 11px 6px;
  }
  .input-label{
    padding:0;
    font-size: $font-primary-normal;
    color: $primary-text-color;
  }
  .item{
    border-left:0;
    border-right:0
  }
  .item:first-child{
    border-top:0;
  }
  .item:last-child{
    border-bottom:0;
  }
  //无边框样式
  .no-border{
    border-top:0;
    padding-bottom:0;
  }
  .no-border-last{
    padding-bottom: 13px;
  }
  //border-dashed
  .border-dashed{
    border-style:dashed;
  }
  //输入框样式
  .text-input{
    border:0;
  }
}

/* 通用表单 */
.common-form .list { margin-bottom: 10px; }
.common-form .item.item-divider { margin-bottom: 1px; height: 40px; border-bottom: 1px solid #ebebee; background-color: #f9f9f9; font-size: 14px; color: #111; }
.common-form .item.item-divider .input-label { padding: 0; }
.common-form .item.item-divider .text { border: 0; background-color: transparent; font-size: 12px; color: #111; }
.common-form .head-divider { margin-bottom: 1px; padding: 10px 8px 10px 8px; border-bottom: 1px solid #ebebee; background-color: #f9f9f9; font-size: 12px; color: #ff9900; }
.common-form .item { padding: 10px 16px; border: 0; overflow: visible; font-size: 14px;     border-bottom: 1px solid #ebebee; }
.common-form .item:first-child { z-index: 20; }
.common-form .item:nth-child(2) { z-index: 19; }
.common-form .item:nth-child(3) { z-index: 18; }
.common-form .item:nth-child(4) { z-index: 17; }
.common-form .item:nth-child(5) { z-index: 16; }
.common-form .item:nth-child(6) { z-index: 15; }
.common-form .item:nth-child(7) { z-index: 14; }
.common-form .item:nth-child(8) { z-index: 13; }
.common-form .item:nth-child(9) { z-index: 12; }
.common-form .item:nth-child(10) { z-index: 11; }
.common-form .item:nth-child(11) { z-index: 10; }
.common-form .item:nth-child(12) { z-index: 9; }
.common-form .item:nth-child(13) { z-index: 8; }
.common-form .item:nth-child(14) { z-index: 7; }
.common-form .item:nth-child(15) { z-index: 6; }
.common-form .item:nth-child(16) { z-index: 5; }
.common-form .item:nth-child(17) { z-index: 4; }
.common-form .item:nth-child(18) { z-index: 3; }
.common-form .item.item-checkbox { padding-left: 40px; }
.common-form .item.item-sub { padding: 0 10px 0 40px; }
.common-form .item .input-label { font-size: 12px; color: #666; }
.common-form .item .input-label .red { margin-right: 5px; }
.common-form .item .item-text { flex: 1; text-align: left; font-size: 12px; color: #999; }
.common-form .item .item-input-wrapper { position: relative; padding: 0; background-color: #fff; }
.common-form .item input { padding: 2px 8px; line-height: 34px; background-color: #fff; font-size: 12px; }
/*.common-form .item input:focus { border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }*/
/*.common-form .item input.error { border-color: #F79907; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }*/
/*.common-form .item-date input { background-image: url(../img/common/date.png); background-position: 100% center; background-repeat: no-repeat; -webkit-background-size: 20px 18px; background-size: 20px 18px; margin-right: -3px; }*/
.common-form .item-arrow input { background-image: url(../img/common/arrow.png); background-position: 95% center; background-repeat: no-repeat; -webkit-background-size: 20px 18px; background-size: 20px 18px; }
.common-form .item-select select { width: 100%; padding: 0 30px 0 10px; direction: ltr; font-size: 12px; }
.common-form .item .error-tips { position: absolute; top: -34px; left: 0; padding: 5px; border: 1px solid #F79907; border-radius: 2px; background-color: #fff; overflow: visible; font-size: 12px; color: #F79907; }
.common-form .item .error-tips { top: initial; bottom: -40px; }
.common-form .item .error-tips i { margin-right: 3px; }
.common-form .item .error-tips .arrow { position: absolute; left: 50%; bottom: -12px; width: 0; height: 0; border-width: 6px; border-color: #F79907 transparent transparent transparent; border-style: solid; }
.common-form .item .error-tips .arrow span { position: absolute; left: -6px; top: -7px; width: 0; height: 0; border-width: 6px; border-color: #fff transparent transparent transparent; border-style: solid; }
.common-form .item .error-tips .arrow { top: -5px; border-color: transparent transparent #F79907 transparent; }
.common-form .item .error-tips .arrow span { top: -5px; border-color: transparent transparent #fff transparent; }

.common-form .note { font-size: 12px; color: #999; }
.common-form .note li { padding: 5px 0; white-space: normal; }




//ios样式处理
.platform-ios.platform-cordova {
  .bar .title{
    top:20px;
  }
  .has-header {
    top: 64px;
  }
  a{
    text-decoration:none;
  }
}

